<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<#include "common/_layout.html"/>
<@layout>

<div class="team">
    <div class="container">
        <div class="col-md-4 t_list">
            <div class="team-sidebar">
                <ul>
                    <li><a href="#"><span> </span>Lorem ipsum dolor sit amet</a></li>
                    <li><a href="#"><span> </span>Conse ctetur adipisicing</a></li>
                    <li><a href="#"><span> </span>Elit sed do eiusmod tempor</a></li>
                    <li><a href="#"><span> </span>Incididunt ut labore</a></li>
                    <li><a href="#"><span> </span>Et dolore magna aliqua</a></li>
                    <li><a href="#"><span> </span>Ut enim ad minim veniam</a></li>
                </ul>
            </div>
        </div>
        <div class="team-sec">
            <div class="col-md-8 team-grid text-center">
                <h3>Team Members</h3>
                <p>Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum.</p>
                <ul id="flexiselDemo3">
                    <li>
                        <div class="biseller-column teams">
                            <img src="${CTPATH}/images/t1.jpg" alt=""/>
                            <h4>John Andy</h4>
                        </div>
                    </li>
                    <li>
                        <div class="biseller-column teams">
                            <img src="${CTPATH}/images/t2.jpg" alt=""/>
                            <h4>Steffy</h4>
                        </div>
                    </li>
                    <li>
                        <div class="biseller-column teams">
                            <img src="${CTPATH}/images/t3.jpg" alt=""/>
                            <h4>Diana</h4>
                        </div>
                    </li>
                    <li>
                        <div class="biseller-column teams">
                            <img src="${CTPATH}/images/t4.jpg" alt=""/>
                            <h4>John Kramer</h4>
                        </div>
                    </li>
                    <li>
                        <div class="biseller-column teams">
                            <img src="${CTPATH}/images/t2.jpg" alt=""/>
                            <h4>Steffy</h4>
                        </div>
                    </li>
                </ul>
            </div>
            <script type="text/javascript">
                $(window).load(function() {
                    $("#flexiselDemo3").flexisel({
                        visibleItems: 3,
                        animationSpeed: 1000,
                        autoPlay: true,
                        autoPlaySpeed: 3000,
                        pauseOnHover: true,
                        enableResponsiveBreakpoints: true,
                        responsiveBreakpoints: {
                            portrait: {
                                changePoint:480,
                                visibleItems: 1
                            },
                            landscape: {
                                changePoint:640,
                                visibleItems: 2
                            },
                            tablet: {
                                changePoint:768,
                                visibleItems: 3
                            },
                            ipad2: {
                                changePoint:768,
                                visibleItems: 3
                            }
                        }
                    });

                });
            </script>
            <script type="text/javascript" src="${CTPATH}/js/jquery.flexisel.js"></script>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
</@layout>